<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人主页</title>
    <style>
        body {
            margin: 0;
            font-family: Arial, sans-serif;
        }
        .header {
            background-color: peru;
            overflow: hidden;
            padding: 20px 0;
        }
        .header-title {
            float: left;
            color: cornflowerblue;
            margin-left: 20px;
        }
        .header-title h1 {
            margin: 0;
        }
        .header-title h2 {
            margin: 0;
            font-weight: normal;
            font-size: 0.8em;
            color: indigo;
        }
        .header-menu {
            float: right;
            margin-right: 20px;
        }
        .header-menu a {
            color: yellow;
            text-decoration: none;
            margin-left: 15px;
        }
        .content {
            margin: 20px;
            text-align: justify;
        }
        .footer {
            background-color:  blue;
            color: teal;
            text-align: center;
            padding: 20px;

        }
    </style>
</head>
<body>
	
    <div class="header">
        <div class="header-title">
            <h1>个人主页</h1>
            <h2>欢迎来到我的网站</h2>
        </div>
        <div class="header-menu">
			<a href="147.html">登录</a>
            <a href='123.html'>首页</a>
            <a href="index.html">关于我</a>
            <a href="https://www.douyin.com/">作品</a>
            <a href="111.html">联系</a>
        </div>
    </div>
    <div class="content">
        <p>这里是个人主页的内容，可以是你的个人简历、博客文章、作品集或者其他信息。</p>
    </div>
    <div class="footer">
        <p>版权所有 &copy; 2023 个人主页</p>
    </div>
</body>
</html>